{% extends "shm/base.html" %}
{% block extrastyle %}<link rel="stylesheet" type="text/css" href="{% load media %}{% media_prefix %}css/">{% endblock %}
{% block department_tree %}

<script type="text/javascript" src="{% media_prefix %}js/phones.js"></script>
<script type="text/javascript" src="{% media_prefix %}js/jquery.form.min.js"></script>
<script type="text/javascript" src="{% media_prefix %}js/jquery.cookie.js"></script>
<script type="text/javascript" src="{% media_prefix %}js/jquery.treeview.js"></script>

<link rel="stylesheet" type="text/css" href="{% load media %}{% media_prefix %}css/phones.css">
<link rel="stylesheet" type="text/css" href="{% load media %}{% media_prefix %}css/jquery.treeview.css">



       
<script type="text/javascript">
		$(function() {
			$("#tree").treeview({
				collapsed: true,
				animated: "medium",
				//control:"#sidetreecontrol",
				persist: "cookie"
			});
		})
</script>


    <h3>Отделы</h3> 
    <p><a href="">Добавить отдел</a></p>
    <div class="treeview">
    <ul id="tree"  class="filetree">
        
	<li><span>Item 1</span>
		<ul>
			<li><span class="folder">Item 1.0</span>
				<ul>

					<li><span class="folder">Item 1.0.0</span></li>
				</ul>
			</li>
			<li><span class="folder">Item 1.1</span></li>
			<li><span class="folder">Item 1.2</span>
				<ul>
					<li><span class="folder">Item 1.2.0</span>

					<ul>
						<li><span>Item 1.2.0.0</span></li>
						<li><span>Item 1.2.0.1</span></li>
						<li><span>Item 1.2.0.2</span></li>
					</ul>
				</li>
					<li><span>Item 1.2.1</span>

					<ul>
						<li><span>Item 1.2.1.0</span></li>
					</ul>
				</li>
					<li><span>Item 1.2.2</span>
					<ul>
						<li><span>Item 1.2.2.0</span></li>

						<li><span>Item 1.2.2.1</span></li>
						<li><span>Item 1.2.2.2</span></li>
					</ul>
				</li>
				</ul>
			</li>
		</ul>
	</li>

	<li><span>Item 2</span>
		<ul>
			<li><span>Item 2.0</span>
				<ul>
					<li><span>Item 2.0.0</span>
					<ul>
						<li><span>Item 2.0.0.0</span></li>

						<li><span>Item 2.0.0.1</span></li>
					</ul>
				</li>
				</ul>
			</li>
			<li><span>Item 2.1</span>
				<ul>
					<li><span>Item 2.1.0</span>

					<ul>
						<li><span>Item 2.1.0.0</span></li>
					</ul>
				</li>
					<li><span>Item 2.1.1</span>
					<ul>
						<li><span>Item 2.1.1.0</span></li>

						<li><span>Item 2.1.1.1</span></li>
						<li><span>Item 2.1.1.2</span></li>
					</ul>
				</li>
					<li><span>Item 2.1.2</span>
					<ul>
						<li><span>Item 2.1.2.0</span></li>

						<li><span>Item 2.1.2.1</span></li>
						<li><span>Item 2.1.2.2</span></li>
					</ul>
				</li>
				</ul>
			</li>
		</ul>
	</li>
        

    </ul>
    </div>
 

  
{% endblock %}
